<template>
	<view class="title_text">
		<view class="_top_title">
			<view class="left"></view>
			<view class="title">{{titleText}}</view>
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		titleText: String,

	})
</script>

<style lang="scss">
	.title_text {
		._top_title {
			display: flex;
			align-items: center;

			.left {
				width: 4px;
				height: 16px;
				background-color: #033FFF;
				border-radius: 8px;
			}

			.title {
				margin-left: 10px;
				font-size: 16px;
				font-weight: bolder;
			}
		}
	}
</style>